import { FC } from 'react';
import { observer } from 'mobx-react-lite';
import { Header } from '../Header';
import ContentContainer from '../ContentContainer';
import Box from '@mui/joy/Box';
import { Toolbar } from '@todo/ui';
// import Toolbar from '@mui/joy/Toolbar';
// import { Notifier } from '../Notifier';

const Layout: FC = () => {
  return (
    <>
      <Header />
      <Box sx={{ height: 1, display: 'flex', flexDirection: 'column' }}>
        <Toolbar />
        <ContentContainer />
      </Box>
      {/*<Notifier />*/}
    </>
  );
};

export default observer(Layout);
